.presentation {
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 42px;
}

@media (min-width: $tablet-width) {
  .presentation {
    position: relative;
  }
}

@media (min-width: $desktop-width) {
  .presentation {
    padding-bottom: 87px;
  }
}

.presentation__text-wrapper {
  padding: 0;
  margin: 0;

  @include padding-lr-40;
  padding-top: 30px;
  padding-bottom: 35px;
}

@media (min-width: $tablet-width) {
  .presentation__text-wrapper {
    padding-top: 58px;
    padding-bottom: 73px;
    padding-left: 105px;
    padding-right: 105px;
  }
}

@media (min-width: $desktop-width) {
  .presentation__text-wrapper {
    padding-top: 63px;
    padding-bottom: 71px;
    padding-left: 185px;
    padding-right: 185px;
  }
}

.presentation__title {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.44;
  color: $black-two;
  margin-bottom: 28px;
}

@media (min-width: $tablet-width) {
  .presentation__title {
    font-size: 30px;
    margin-bottom: 23px;
  }
}

.presentation__description {
  margin: 0;
  padding: 0;
  line-height: 1.71;
  margin-top: 28px;
}

@media (min-width: $tablet-width) {
  .presentation__description {
    margin-top: 23px;
  }
}

.presentation__video {
  margin: 0;
  padding: 0;
  display: block;
}

@media (min-width: $tablet-width) {
  .presentation__video {
    width: 100%;
    height: auto;
  }
}

.presentation__video-buttons {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;

  @include padding-lr-20;
  padding-top: 23px;
  padding-bottom: 23px;
}

@media (min-width: $tablet-width) {
  .presentation__video-buttons {
    @include padding-lr-60;
  }
}
